<template>
    <div>
        <h2>登录页面</h2>
        <table>
            <tbody>
                <tr>
                    <td>账号</td>
                    <td>
                        <input type="text" v-model="username"><span>{{ username }}</span>
                    </td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td>
                        <input type="text" v-model="userpwd"><span>{{ userpwd }}</span>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="button" value="登录" class="btn btn-success" @click="login">
                        
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import { ref,reactive } from "vue";
let username=ref("");
let userpwd=ref("");
const login=()=>{
    alert(username.value+","+userpwd.value)
}



</script>

<style scoped>

</style>